'use client'

import * as React from 'react'

import type { PlateLeafProps } from '@udecode/plate/react'

import { PlateLeaf } from '@udecode/plate/react'

export function HighlightLeaf(props: PlateLeafProps) {
  return (
    <PlateLeaf {...props} as="mark" className="bg-highlight/30 text-inherit">
      {props.children}
    </PlateLeaf>
  )
}
